//
$('#tbody-shop').on('click','.btn-edit',function(){
   let $tr = $(this).parent().parent()
   $tr.addClass('edit')
   const $spans = $(this).parent().siblings().children('span')
   $spans.each(function(){
      $(this).siblings().val($(this).html())
   })
   $('#tbody-shop').on('click','.btn-ok',function(){
      const id = $tr[0].getAttribute('data-id'),
            name = $('.name').val(),
            price = $('.price').val(),
            num = $('.num').val()
            console.log($tr[0])
   //ajax
   $.ajax({
      url:'./api/shop/update.php',
      method:'get',
      data:{id,name,price,num},
      success:resp=>{
         $tr.removeClass('edit')
         $spans.each(function(){
            $(this).html($(this).siblings().val())
         })
      },
      error:()=>{
         $('#fail-update').html('网络出错请重试，更新失败')
         setTimeout(function(){
            $('#fail-update').html('')
         },2000)
      }
   })
   })
   $('#tbody-shop').on('click','.btn-cancel',function(){
     
      $tr.removeClass('edit')
   })
})
$('#tbody-shop').on('click','.btn-del',function(){
   const id = $(this).parent().parent()[0].getAttribute('data-id')
   $.ajax({
      url:'./api/shop/del.php',
      method:'get',
      data:{id},
      success:resp=>{
         alert('删除成功')
         getData()
      },
      error:()=>{
         alert('删除失败')
      }
   })
})